/*
authoer : 李瑞益
decription: 通过控制一个样式（自己写的一个control-layui-side），来控制layui侧边栏的滑动
 */
//开启element 功能，监听导航
    layui.use('element', function() {
        var element = layui.element;

        //一些事件监听
        element.on('nav(test)', function(data) {
            console.log(data);
        });
    });


var isShow = true;
$(".control-layui-side").click(function () {
    changeWidth();
    //选择出所有的span，并判断是不是hidden
    $(".layui-nav-item span").each(function () {
        if ($(this).is(":hidden")) {
            showSpan(this);
        } else {
            hidenSpan(this);
        }
    });

})
//隐藏方法
function hidenSpan(e){
    $(e).animate({width:"1"},"slow",function(){$(e).toggle();});
}
//显示方法
function showSpan(e){
    $(e).animate({width:"200px"},"slow",function(){$(e).toggle();});
}
//宽度改变
function changeWidth(){
    if(isShow){
        $(".layui-body").animate({left:"60px"},"normal");//缩小layui-body样式：left为60px
        $(".layui-side.layui-bg-black").animate({width:"60px"},"normal");//缩小侧边导航栏的宽度为60px
        $(".layui-nav-item i").animate({"font-size":"20px"},"slow");//放大图标的大小为14px
        $(".control-layui-side").animate({"margin-left":"12px"},"normal");
        isShow = false;
    }else{
        $(".layui-body").animate({left:"200px"},"slow");
        $(".layui-side.layui-bg-black").animate({width:"200px"},"normal");
        $(".layui-nav-item i").animate({"font-size":"14px"},"slow");
        $(".control-layui-side").animate({"margin-left":"80px"},"normal");
        isShow = true;
    }
}